<!DOCTYPE html><html lang="zh">
<head>
  <meta charset="utf8">
  <link rel="stylesheet" type="text/css" href="../assets/css/common.css"/>
  <link rel="stylesheet" type="text/css" href="../assets/css/option.css"/>
  <script type="text/javascript" src="../vendor/jquery/3.7.1/jquery.min.js"></script>
  <script type="module" src="../assets/js/option.js"></script>
</head>

<body>
<div id="back-div" class="row">
  <a href="popup.html" class="btn" id="back"></a>
</div>
<div class="row">
  <div class="option-title" id="options"></div>
  <div id="time-list" class="option-content"></div>
</div>
<div class="row" style="margin-top: -12px">
  <div class="option-title"></div>
  <div id="add-div" class="option-content" style="margin-left: 5px">
    <input type="text" id="add-time" size="4" autocomplete="off"><span id="minute"></span>
    <a href="#" id="add" class="btn"></a>
  </div>
</div>
<div class="row">
  <div class="option-title" id="notification"></div>
  <div class="option-content on-line">
    <input type="checkbox" name="notification" value="tab" id="tab"><span id="new_tab_text"></span>
    <input type="checkbox" name="notification" value="bar" id="bar"><span id="bar_text"></span>
  </div>
</div>
<div class="row">
  <div class="option-title" id="sound"></div>
  <div class="option-content" id="audio-list"></div>
</div>
<div class="row" style="margin-top: -10px">
  <div class="option-title">&nbsp;</div>
  <div class="option-content" id="sound_desc"></div>
</div>
<div class="row">
  <div class="option-title" id="theme_mode"></div>
  <div class="option-content" id="theme-mode-list">
    <input type="radio" name="theme-mode" value="light" id="light"><span id="theme_mode_light"></span>
    <input type="radio" name="theme-mode" value="dark" id="dark"><span id="theme_mode_dark"></span>
  </div>
</div>
<audio id="audio" src=""></audio>
<div id="version" class="version"></div>
</body>

</html>